<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        溢出 overflow 容器装不下内容，所以才会溢出
             overflow: visible; 默认值  

            overflow:hidden; 溢出隐藏 （重点）
            overflow: scroll; 不管内容超不超出容器的大小，都有滚动条
            overflow:auto; 内容超出容器的大小，就会出现滚动条，如果内容没有超出容器的大小，就没有滚动条

            overflow-x:水平溢出
            overflow-y：垂直溢出


     -->
     <style>
         .all{
             width:300px; height:300px; border: solid 2px #000;
             overflow: auto;  
         }
         /* p{width:300px; height:200px; background: pink;} */

     </style>
</head>
<body>
    <div class="all">俄军停火，亚速钢铁厂竟无人撤离！工厂内平民是不想走还是不能走继俄罗斯总统普京叫停对马里乌波尔亚速钢铁厂的强攻计划之后，俄军再次放出重磅消息——自莫斯科时间25日14时起，单方面停止在马里乌波尔亚速钢铁厂的作战行动。亚速营钢铁厂固若金汤，地面部分由无数铁轨、高炉和工厂建筑组成，是名副其实的钢筋混凝土迷宫，地下部分更是错综复杂，深度至少有25米，共6层，每个出入口都设有五道门，分别用于防火、防爆、防化学武器、生物武器，以及防核辐射。抵御炮击不在话下，部分区域甚至能扛过小型核打击此前已经有不少分析指出，俄罗斯之所以对亚速钢铁厂“围而不攻”，主要原因就是强攻付出的代价太大，不如选择围困，等工厂中的乌克兰守军弹尽粮绝或是精神崩溃，主动投降。</div>
    <!-- <p>你好啊美丽</p> -->
</body>
</html>